<?

	$JO[ "artist"	] = JO( array( "EN" => "Artist",	"KO" => "아티스트",	"VI" => "Nghệ Sĩ"		) );
	$JO[ "music"	] = JO( array( "EN" => "Music",		"KO" => "음악",	"VI" => "Âm Nhạc"		) );
	$JO[ "album"	] = JO( array( "EN" => "Album",		"KO" => "앨범",	"VI" => "Album"			) );
	$JO[ "video"	] = JO( array( "EN" => "Video",		"KO" => "비디오",	"VI" => "Chiếu Phim"	) );
	$JO[ "show"		] = JO( array( "EN" => "Show",		"KO" => "쇼",		"VI" => "Show"			) );
	$JO[ "drama"	] = JO( array( "EN" => "Drama",		"KO" => "드라마",	"VI" => "Drama"			) );
	$JO[ "movie"	] = JO( array( "EN" => "Movie",		"KO" => "영화",	"VI" => "Phim"			) );
	$JO[ "fashion"	] = JO( array( "EN" => "Fashion",	"KO" => "패션",	"VI" => "Thời Trang"	) );
	$JO[ "notice"	] = JO( array( "EN" => "Notice",	"KO" => "공지",	"VI" => "Thông Báo"		) );
	$JO[ "magazine"	] = JO( array( "EN" => "Magazine",	"KO" => "매거진",	"VI" => "Tạp Chí"		) );
	$JO[ "favorite"	] = JO( array( "EN" => "Favorite",	"KO" => "즐겨찾기",	"VI" => "Yêu Thích"		) );
	$JO[ "all"		] = JO( array( "EN" => "All",		"KO" => "전체",	"VI" => "Tất Cả"		) );
	$JO[ "LogOut"	] = JO( array( "EN" => "Log Out",					"VI" => "Thoát"			) );
	$JO[ "Search"	] = JO( array( "EN" => "Search",					"VI" => "Tìm"			) );
	$JO[ "LogIn"	] = JO( array( "EN" => "Login",						"VI" => "Login"			) );
	$JO[ "UserName"	] = JO( array( "EN" => "Identifier",				"VI" => "Tài Khoản"		) );
	$JO[ "Pass"		] = JO( array( "EN" => "Password",					"VI" => "Mật Khẩu"		) );
	
	$JO[ "rbt"		] = JO( array(	"EN" => "Ring Back Tone",
									"VI" => "Nhạc Chờ"));

	$JO[ "KR"		] = JO( array( "EN" => "KR",		"KO" => "KR",	"VI" => "KR"			) );
	$JO[ "VN"		] = JO( array( "EN" => "VN",		"KO" => "VN",	"VI" => "VN"			) );
?>



<div class="JO_relative" style="width: 960px; height: 64px;">



	<!-- Logogram -->

		<a href="."><img src="JO_80_image/JO_03_logogram.jpg" class="JO_absolute" /></a>



	<!-- Menu Center Left -->

		<div class="JO_absolute JO_white JO_bold" style="padding: 0px 0px 0px 8px; left: 240px; top: 8px; width: 472px;">
		<!-- Musicㆍ<span class="JO_head_menu JO_relative" onmouseover="JO_display( 'JO_head_music', 'block' );">
			<?//$JO["music"]?>


			 
				
					<div
						id			= "JO_head_music"
						class		= "JO_select JO_normal"
						style		= "left: -7px; top: -7px; width: 80px;"
						onmouseover	= "this.style.display = 'block';"
						onmouseout	= "this.style.display = 'none';"
					>

						<a
							href		= "?JO_search=%&JO_search_type=music"
							class		= "JO_option JO_bold"
						><? //$JO[ "music" ] ?></a>

						<a
							href		= "?JO_content=16"
							class		= "JO_option"
							onmouseover	= "JO_display( 'JO_head_music_genre', 'block' );"
							onmouseout	= "JO_display( 'JO_head_music_genre', 'none' );"
						>Genre</a>

						<a
							href		= "?JO_content=16"
							class		= "JO_option"
							onmouseover	= "JO_display( 'JO_head_music_nation', 'block' );"
							onmouseout	= "JO_display( 'JO_head_music_nation', 'none' );"
						>Nation</a>

						<div
							id			= "JO_head_music_genre"
							class		= "JO_select"
							style		= "left: 67px; top: 19px; width: 80px;"
							onmouseover	= "this.style.display = 'block';	JO_display( 'JO_head_music', 'block'	);"
							onmouseout	= "this.style.display = 'none';		JO_display( 'JO_head_music', 'none'		);"
						>

							<a href="?JO_content=16" class="JO_option">R&B</a>
							<a href="?JO_content=16" class="JO_option">Hip Hop</a>
							<a href="?JO_content=16" class="JO_option">Ballad</a>
							<a href="?JO_content=16" class="JO_option">Rock</a>
							<a href="?JO_content=16" class="JO_option">Etc.</a>

						</div>

						<div
							id			= "JO_head_music_nation"
							class		= "JO_select"
							style		= "left: 67px; top: 39px; width: 80px;"
							onmouseover	= "this.style.display = 'block';	JO_display( 'JO_head_music', 'block'	);"
							onmouseout	= "this.style.display = 'none';		JO_display( 'JO_head_music', 'none'		);"
						>

							<a href="?JO_content=16"  class="JO_option">Vietnam</a>
							<a href="?JO_content=16"  class="JO_option">Korea</a>
							<a href="?JO_content=16"  class="JO_option">Etc.</a>

						</div>

					</div>

				</span> &nbsp;-->



			<!-- Video 

				ㆍ<span class="JO_head_menu JO_relative" onmouseover="JO_display( 'JO_head_video', 'block' );">

					<?//= $JO[ "video" ] ?>

					<div
						id			= "JO_head_video"
						class		= "JO_select JO_normal"
						style		= "left: -7px; top: -7px; width: 80px;"
						onmouseover	= "this.style.display = 'block';"
						onmouseout	= "this.style.display = 'none';"
					>

						<a
							href		= "?JO_content=16"
							class		= "JO_option JO_bold"
						><?//= $JO[ "video" ] ?></a>

						<a
							href		= "?JO_content=16"
							class		= "JO_option"
						>Show</a>

						<a
							href		= "?JO_content=16"
							class		= "JO_option"
						>Drama</a>

						<a
							href		= "?JO_content=16"
							class		= "JO_option"
						>Movie</a>

					</div>

				</span> &nbsp;-->



			<!-- Fashion 
				ㆍ<span class="JO_head_menu JO_relative" onmouseover="JO_display( 'JO_head_cloth', 'block' );">
					
					<a href="http://shop.jukeon.vn"		title="JukeOn™ <?// $JO[ "fashion" ] ?>"	class="JO_head_menu"><?= $JO[ "fashion"	] ?>	</a> &nbsp;
				</span>-->
				
				<!-- Show --> 
				ㆍ<span class="JO_head_menu JO_relative"><!-- onmouseover="JO_display( 'JO_head_cloth', 'block' );">-->
					<a href="?JO_unit=50_TV" title="JukeOn™ Show"	class="JO_head_menu">Korean Music Show</a> &nbsp;
				</span>
				
				<!-- RBT --> 
				ㆍ<span class="JO_head_menu JO_relative"><!-- onmouseover="JO_display( 'JO_head_cloth', 'block' );">-->
					<a href="?JO_unit=62_Top_RBT" title="<?=$JO[ "rbt"];?>" class="JO_head_menu"><?=$JO[ "rbt"];?></a> &nbsp;
				</span>

		</div>



	<!-- Menu Center Right -->

		<div class="JO_absolute JO_white JO_bold JO_right" style="padding: 0px 7px 0px 0px; left: 480px; top: 8px; width: 233px;">

			<!--ㆍ <a href="?JO_content=7"		title="JukeOn™ Mobile"	class="JO_head_menu">Mobile	</a> &nbsp;
			ㆍ <a href="?JO_content=8"		title="JukeOn™ Player"	class="JO_head_menu">Player	</a> &nbsp;
			ㆍ <a href="?JO_content=16"		title="JukeOn™ Pont"	class="JO_head_menu">Point	</a>-->

		</div>



	<!-- From -->

		<div class="JO_absolute" style="left: 240px; top: 32px; width: 720px; height: 32px; background-color: #C2C2C2; /* 30% */">



			<!-- Search -->

				<form
					class		= "JO_absolute"
					style		= "left: 0px; top: 0px; width: 480px; height: 30px;"
					onsubmit	= "if( document.getElementById( 'JO_head_search' ).value.length < 2 ) { alert( 'The search word must be more than 2 bytes.' ); return false; }"
				>

					<input
						type		= "text"
						id			= "JO_head_select"
						value		= "<?= isset($_REQUEST[ "JO_search_type" ]) ? $JO[ $_REQUEST[ "JO_search_type" ] ] : $JO[ "all" ] ?>"
						style		= "position: absolute; left: 4px; top: 0px; width: <?= isset($JO_IE) ? 65 : 67 ?>px;"
						class		= "JO_absolute JO_pointer"
						onclick		= "JO_display( 'JO_head_option'				);"
						onmouseover	= "JO_display( 'JO_head_option', 'block'	); this.style.color = 'black';"
						onmouseout	= "JO_display( 'JO_head_option', 'none'		); this.style.color = '#7D7D7D'; /* 60% */"
						readonly
					/>

					<input
						type		= "hidden"
						id			= "JO_search_type"
						name		= "JO_search_type"
						value		= "<?= isset($_REQUEST[ "JO_search_type" ]) ? $_REQUEST[ "JO_search_type" ] : "all" ?>"
					/>

					<div
						style		= "left: 68px; top: 6px;"
						class		= "JO_absolute JO_pointer JO_12px"
						onclick		= "JO_display( 'JO_head_option'				);"
						onmouseover	= "JO_display( 'JO_head_option', 'block'	); this.style.color = 'black';"
						onmouseout	= "JO_display( 'JO_head_option', 'none'		); this.style.color = '#7D7D7D'; /* 60% */"
					>▼</div>

					<div
						id			= "JO_head_option"
						class		= "JO_select"
						style		= "left: 2px; top: 2px; width: 76px;"
						onmouseover	= "JO_display( 'JO_head_option', 'block'	);"
						onmouseout	= "JO_display( 'JO_head_option', 'none'		);"
					>

						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, '<?= isset($_REQUEST[ "JO_search_type" ])   ? $_REQUEST[ "JO_search_type" ] : "all" ?>'	);"><?= $JO[ isset($_REQUEST[ "JO_search_type" ]) ? $_REQUEST[ "JO_search_type" ] : "all" ] ?></div>
						
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'artist'	);"><?=$JO[ "artist"];?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'rbt'		);"><?=$JO["rbt"];?>	</div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'show'		);"><?=$JO["show"];?>	</div>
						<!--<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'music'	);"><?// $JO[ "music"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'album'	);"><?//$JO[ "album"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'video'	);"><?// $JO[ "video"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'show'		);"><?// $JO[ "show"		] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'drama'	);"><?// $JO[ "drama"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'movie'	);"><?// $JO[ "movie"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'fashion'	);"><?//$JO[ "fashion"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'notice'	);"><?// $JO[ "notice"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'magazine'	);"><?// $JO[ "magazine"	] ?></div>
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'favorite'	);"><?//$JO[ "favorite"	] ?></div>-->
						<div class="JO_option" style="width: 63px;" onclick="JO_head_select( this.innerHTML, 'all'		);"><?= $JO[ "all"		] ?></div>

					</div>

					<input
						type		= "text"
						id			= "JO_head_search"
						name		= "JO_search"
						value		= "<?= isset($_REQUEST[ "JO_search" ])?$_REQUEST[ "JO_search" ]:"" ?>"
						class		= "JO_absolute"
						style		= "left: 92px; top: 0px; width: <?= isset($JO_IE) ? 281 : 283 ?>px;"
					/>

					<input
						type		= "submit"
						value		= "<?=$JO[ "Search"];?>"
						class		= "JO_button JO_absolute"
						style		= "left: 396px; top: 0px; width: 80px;"
					/>

					<script>

						function JO_head_select( value, type ) {

							document.getElementById( "JO_head_select" ).value = value;
							document.getElementById( "JO_search_type" ).value = type;

							JO_display( "JO_head_option", "none" );

						}

					</script>

				</form>



			<!-- Member -->

				<? if( ! isset($_SESSION[ "JO_account_key" ]) ) { ?>



					<!-- Log In -->

						<div class="JO_absolute JO_white JO_right" style="padding: 0px 7px 0px 0px; left: 480px; top: -24px; width: 233px;">

							ㆍ <a href="?JO_unit=12_find<?=		isset($_REQUEST[ "JO_account_return" ]) ? "&JO_account_return=" . $_REQUEST[ "JO_account_return" ] : "" ?>" class="JO_head_menu">Find My Account	</a> &nbsp;
							ㆍ <a href="?JO_unit=11_account<?=	isset($_REQUEST[ "JO_account_return" ]) ? "&JO_account_return=" . $_REQUEST[ "JO_account_return" ] : "" ?>" class="JO_head_menu">Create an Account	</a>

						</div>
<!--target	= "JO_integration_asynchronous"-->
						<form
							action	= "JO_05_execution.php"
							 target="JO_integration_asynchronous"
							method	= "post"
							class	= "JO_absolute"
							style	= "left: 480px; top: 0px; width: 240px; height: 30px;"
						>

							<input type="hidden" name="JO_query"			value="logIn"															/>
							<input type="hidden" name="JO_URL"				value="http://<?= $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] ?>"	/>
							<input type="hidden" name="JO_account_return"	value="<?= urldecode( isset($_REQUEST[ "JO_account_return" ])?$_REQUEST[ "JO_account_return" ]:"" ) ?>"			/>

							<input
								type		= "text"
								name		= "JO_head_identifier"
								value		= "<?=$JO["UserName"];?>"
								class		= "JO_absolute"
								style		= "left: 4px; top: 0px; width: <?= isset($JO_IE) ? 65 : 67 ?>px; color: #D7D7D7;"
								onfocus		= "this.value = ''; this.style.color = '#7D7D7D';"
							/>

							<input
								type		= "text"
								name		= "JO_head_password"
								value		= "<?=$JO["Pass"];?>"
								class		= "JO_absolute"
								style		= "left: 92px; top: 0px; width: <?= isset($JO_IE) ? 65 : 67 ?>px; color: #D7D7D7;"
								onfocus		= "this.value = ''; this.style.color = '#7D7D7D'; this.setAttribute( 'type', 'password' );"
							/>

							<input
								type		= "submit"
								value		= "<?=$JO["LogIn"];?>"
								class		= "JO_absolute JO_button"
								style		= "left: 180px; top: 0px; width: 56px;"
							/>

						</form>



				<? } else { ?>



					<!-- Log Out -->

						<div class="JO_absolute JO_white JO_right" style="padding: 0px 7px 0px 0px; left: 480px; top: -24px; width: 233px;">

							<? /*

								// According to the user status, these menus can be changed.

								ㆍ <a href="?JO_unit=11_account" class="JO_head_menu">My Cart	</a> &nbsp;
								ㆍ <a href="?JO_unit=11_account" class="JO_head_menu">My Order	</a> &nbsp;

							*/ ?>

							ㆍ <a href="?JO_unit=11_account" class="JO_head_menu">Update My Account</a>

						</div>

						<div class="JO_absolute JO_gray_20" style="padding: 0px 0px 0px 8px; left: 480px; top: 8px; width: 168px;">

							<a
								href		= "?JO_unit=11_account"
								title		= "You're using a free stream package."
								class		= "JO_head_member JO_bold"
								onmouseover	= "JO_display( 'JO_head_account', 'block' );"
								onmouseout	= "JO_display( 'JO_head_account', 'none' );"
							><?= isset($_SESSION[ "JO_account_name" ])?$_SESSION[ "JO_account_name" ]:"" ?></a> &nbsp;

							<div
								id			= "JO_head_account"
								class		= "JO_select"
								style		= "left: -2px; top: -6px; width: 122px;"
								onmouseover	= "this.style.display = 'block';"
								onmouseout	= "this.style.display = 'none';"
							>

								<a
									href	= "?JO_unit=11_account"
									class	= "JO_option JO_bold"
									style	= "width: 109px;"
								><?= isset($_SESSION[ "JO_account_name" ])?$_SESSION[ "JO_account_name" ]:"" ?></a>
                                                                <!--<a
                                                                        href		= "?JO_content=16"
                                                                        class		= "JO_option"
                                                                        onmouseover	= "JO_display( 'JO_head_My_order', 'block' );"
                                                                        onmouseout	= "JO_display( 'JO_head_My_order', 'none' );"
                                                                >My Order</a>
                                                                <div
                                                                        id			= "JO_head_My_order"
                                                                        class		= "JO_select"
                                                                        style		= "left: 100px; top: 20px; width: 80px;"
                                                                        onmouseover	= "this.style.display = 'block';	"
                                                                        onmouseout	= "this.style.display = 'none';		"
                                                                >

                                                                        <a href="JO_00_integration.php?JO_unit=16_order"  class="JO_option">Orders</a>
                                                                        <a href="JO_00_integration.php?JO_unit=31_wishlist"  class="JO_option">Wish List</a>


                                                                </div>
																-->
								<a
									href	= "?JO_unit=13_favorite"
									class	= "JO_option"
									style	= "width: 109px;"
								>My Favorite</a>

								<a
									href	= "?JO_unit=14_point"
									class	= "JO_option"
									style	= "width: 109px;"
								>My Point</a>

								<!--<a
									href	= "?JO_unit=15_cart"
									class	= "JO_option"
									style	= "width: 109px;"
								>My Cart</a>-->

								<!--<a
									href	= "?JO_unit=16_order"
									class	= "JO_option"
									style	= "width: 109px;"
								>My Order</a>-->

								<!--<a
									href	= "#this"
									class	= "JO_option"
									style	= "width: 109px;"
								>Keep Me Logged In</a>-->

								<a
									href	= "?JO_unit=11_account"
									class	= "JO_option"
									style	= "width: 109px;"
								>Update My Account</a>

								<? // The preview of point, cart and order will be at the right side. ?>

								<? if( $_SESSION[ "JO_account_authority" ] =="SO") { ?>

									<a
										href	= "?SO_unit=20_task"
										class	= "JO_option"
										style	= "width: 109px;"
									>Service Operator</a>

								<? } ?>

								<? if(	$_SESSION[ "JO_account_authority" ] =="SO"	||
										$_SESSION[ "JO_account_authority" ] =="CO"	) { ?>

									<a
										href	= "?CO_unit=01_integration"
										class	= "JO_option"
										style	= "width: 109px;"
									>Content Owner</a>

								<? } ?>

								<? if( $_SESSION[ "JO_account_authority" ] =="CP" ) { ?>

									<a
										href	= "?CP_unit=01_integration"
										class	= "JO_option"
										style	= "width: 109px;"
									>Content Provider</a>

								<? } ?>
								
								<? if( $_SESSION[ "JO_account_authority" ] =="SO" ) { ?>

									<a
										href	= "#this"
										class	= "JO_option"
										style	= "width: 109px;"
										onclick	= "<?= isset($_SESSION[ "JO_account_debug" ]) ?  "JO_session( 'JO_account_debug', '' );" : "JO_session( 'JO_account_debug', 'on' );" ?> location.reload( );"
									>Debug <?= isset($_SESSION[ "JO_account_debug" ]) ? "Off" : "On" ?></a>

								<? } ?>
                                                                
							</div>

						</div>

						<div class="JO_absolute JO_gray_20 JO_right" style="padding: 0px 7px 0px 0px; left: 568px; top: 8px; width: 81px;">

							<a
								href	= "?JO_unit=14_point"
								title	= "JukeOn™ Point"
								class	= "JO_head_member"
							><?= isset($_SESSION[ "JO_account_point" ])?number_format( $_SESSION[ "JO_account_point" ] ):"0" ?> P</a>

						</div>

						<input
                        	
							type		= "submit"
							value		= "<?=$JO["LogOut"];?>"
							class		= "JO_absolute JO_button"
							style		= "left: 660px; top: 0px; width: 56px;"
							onclick		= "document.getElementById( 'JO_integration_asynchronous' ).src = 'JO_05_execution.php?JO_query=logOut';"
						/>



				<? } ?>



		</div>

</div>
